<template>
  <div>
    <el-container>
      <el-header>
        <el-menu mode="horizontal"
                 @select="handleSelect"
                 background-color="#fff1a0"
                 text-color="black"
                 active-text-color="#9c9d4f">
          <el-menu-item index="1">
            <router-link to="/student/studentcourse/studentcoursetest/studentcoursetestchapter" tag="span">章节练习</router-link>
          </el-menu-item>
          <el-menu-item index="2">
            <router-link to="/student/studentcourse/studentcoursetest/studentcoursetestfinal" tag="span">期末测试</router-link>
          </el-menu-item>
          <el-menu-item index="3">
            <router-link to="/student/studentcourse/studentcoursetest/studentcoursetestdiscussion" tag="span">课内讨论</router-link>
          </el-menu-item>
        </el-menu>
      </el-header>
      <el-main><router-view></router-view></el-main>
    </el-container>
  </div>
</template>

<script>
export default {
  name: "studentcoursetest",
  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    }
  }
}
</script>

<style scoped>
@import "../../assets/css/student.css";
</style>
